<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
    //display:none; 隐藏对象  不再占有原来的位置(但是没有被删除!)
    //display:block; 既显示对象也能让对象变成块级元素

    //visibility:visble; 显示对象
    //visibility:hidden; 隐藏对象  继续占有原来的位置(还是没有被删除)

    //overflow:visble 溢出可见
    //overflow:hidden 溢出隐藏
    //overflow:scorll 溢不溢出都显示滚动条
    //overflow:auto  溢出部分显示滚动条
    // 有定位的盒子慎用overflow
    </script>
</body>

</html>